﻿@charset "utf-8";
/*basic*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a, img, th, td, form, fieldset, iframe, object, pre, code, legend, blockquote {
border:0 none;
margin:0;
outline:0 none;
padding:0;
list-style-type:none;

}
html{ font-size:16px; }
body{color:#333;font-size:16px;font-family:"Microsoft yahei";}
a{ color:#333; text-decoration:none;}
.body{ background:#BE070B; overflow:hidden;}
.tt, .tt body {height: 100%;left: 0; overflow: hidden; position: absolute;top: 0;width: 100%; overflow:hidden;}
.active{ width:100%; height:100%; max-width:640px; margin:0 auto; position:relative; overflow:hidden;}
.active_bg{ width:100%; max-width:640px; position:absolute; top:50%; left:0px; z-index:0;}
.active_bg img{ width:100%; vertical-align:middle;}
.active_box{ width:100%; max-width:640px; position:absolute; top:50%; left:0px; z-index:3; overflow-Y:scroll;}
.active_box_img{ margin:2.44rem 0px 3.625rem 3.3rem; width:56.7%;}
.active_box_img img{ width:100%; vertical-align:middle;}
.active_box_font01{ width:34.5%; margin:0 auto 1rem auto;}
.active_box_font01 img{ width:100%; vertical-align:middle;}
.active_box_font02{ font-size:1rem; color:#fff; text-align:center;}
.active_box_font03{ font-size:1rem; color:#fff; text-align:center;}
.active_box_font02 a{ color:#fff; font-size:0.75rem;}
.active_box_img02{ width:65%; position:absolute; top:8.62rem; left:4.3125rem;}
.active_box_img02 img{ width:100%; vertical-align:middle;}	
.rule{ width:16.8rem; height:25.56rem; top:50%; left:50%; margin-left:-8.4rem; margin-top:-12.78rem;position:absolute; z-index:4; display:none;}
.rule img{ width:100%; height:25.56rem; vertical-align:middle;}
.close{ display:block; width:2.2rem; height:2.2rem; background-color:transparent; position:absolute; cursor:pointer; right:0rem; top:0.9rem;}
.game{ width:100%; max-width:640px; overflow:hidden;margin:0 auto;}
.game ul{ overflow:hidden; width:100%;}
.game li{ float:left; width:25%; background:url(../images/game_bg01.jpg) no-repeat center; background-size:100% 100%; margin-bottom:6px; margin-right:6px;}
.game li:nth-child(4n+0){ margin-right:0px;}
.game .game_li{ background:url(../images/game_bg02.jpg) no-repeat center;background-size:100% 100%;}
.game_box{ position:absolute; width:100%; top:0px; left:0px; z-index:3;display:none}
.game_time{ width:100%; position:absolute; top:0px; left:0px; z-index:3}
.game_time h3{ text-align:center; margin-top:1.19rem; margin-bottom:0.3125rem;}
.game_time h3 span{ display:block; font-size:1rem; color:#4D4D4D; width:5.94rem; margin:0 auto; background-color:rgba(255,255,255,0.6); height:1.71rem; line-height:1.71rem; border-radius:5px;}
.game_box_font{ text-align:center; font-size:1.125rem; font-weight:bold; color:#000;}
.ready{ width:16.3rem; height:11rem; overflow:hidden;position:absolute; top:50%; left:50%;  background:url(../images/ready_go.png) no-repeat center; background-size:100% 100%; margin-top:-5.5rem; margin-left:-8.15rem;}
.over{background:url(../images/game_over.png) no-repeat center; background-size:100% 100%;}
.ready h4{ margin-top:3.25rem; text-align:center; font-size:1rem; color:#AD4802; line-height:1.69rem;}
.ready_font{font-size:1rem; color:#AD4802; font-weight:bold; text-align:center;line-height:1.69rem; margin-bottom:0.53rem;}
.ready_font02{ text-align:center; padding:0px 1.5rem;}
.ready_font02 a{font-size:0.875rem; color:#AD4802; font-weight:bold;display:inline-block; width:5.125rem; height:1.875rem; line-height:1.875rem; background:url(../images/ready_button.png) no-repeat center; background-size:100% 100%;}
.ready_font02 .ready_font02_a{ margin-right:1.5rem;}
.ready_close{ display:block; width:1.75rem; height:1.9rem; background-color:transparent; position:absolute; cursor:pointer; right:0rem; top:0.4rem;}
.account_bg{ background:#BE070B;}
.account{ width:100%;max-width:640px; margin:0 auto; position:relative; background:url(../images/account_bg.png) no-repeat top center; background-size:100% auto; overflow:hidden;}
.account_title{ margin-top:2.1rem; position:relative;}
.account_title span{ display:block; width:4.69rem; height:4.69rem; border:0.375rem solid #B4B2B3; border-radius:50%; overflow:hidden; margin:0 auto; background:#FFFFFF;}
.account_title span img{ width:100%; height:100%; vertical-align:middle;}
.account_title b{ width:29%; position:absolute; bottom:0.41rem; left:50%; margin-left:-14.5%;}
.account_title b img{ width:100%; height:100%; vertical-align:middle;}
.account h3{ color:#fff; text-align:center; height:2.375rem; line-height:2.375rem; font-weight:200; font-size:1.25rem;}
.account_font{ color:#fff; text-align:center; font-size:0.75rem; margin-bottom:1.6875rem;}
.hongbao{ width:100%; overflow:hidden; margin-bottom:0.25rem;}
.hb_top{ width:9.125rem; height:3.8rem; padding-top:2rem; background:url(../images/hongbao.png) no-repeat center; background-size:100% 100%; margin:0 auto; text-align:center; margin-bottom:0.69rem;}
.hb_top h4{ font-size:1rem; color:#FFFBA7; text-shadow:1px 1px 1px #CC1D22; margin-bottom:0.3rem;}
.hb_top p{ font-size:0.75rem; color:#FFFE03; font-weight:bold;}
.account_font02{ text-align:center; margin-bottom:1.94rem;}
.account_font02 #btnLjTx{ display:block; margin:0 auto; background:url(../images/ready_button.png) no-repeat center; width:6.38rem; height:2rem; line-height:2rem; background-size:100% 100%; font-size:1rem; color:#AC4701; font-weight:bold;}
.account_font02 .txwtlk{ display:block; text-align:center; color:#fff; font-size:0.75rem; font-weight:200; line-height:1rem;}
.account_font03{ text-align:center;}
.account_font03 a{ display:block; margin:0 auto; background:url(../images/ready_button.png) no-repeat center; width:7.78rem; height:1.75rem; line-height:1.75rem; background-size:100% 100%; font-size:0.8125rem; color:#AC4701; font-weight:bold;}
.account_font03 b{ display:block; text-align:center; color:#fff; font-size:0.75rem; font-weight:200; line-height:1rem;}
.account_box{ width:100%;}
.account_box dl{ width:100%; overflow:hidden; border-bottom:1px solid #8C0000;}
.account_box dl dt{ width:4.72rem; height:2.72rem;padding:0.59rem 0px; float:left; position:relative;}
.account_box dl dt span{ display:block; width:2.34rem; height:2.34rem; border:0.19rem solid #B3B1B2; background:#fff; margin:0 auto; border-radius:50%; overflow:hidden;}
.account_box dl dt span img{ width:100%; height:100%; vertical-align:middle;}
.account_box dl dt b{ display:block; width:2.69rem; position:absolute; bottom:0.8125rem; left:50%; margin-left:-1.345rem;}
.account_box dl dt b img{ width:100%; vertical-align:middle;}
.account_box dl dd{ margin-left:4.72rem;}
.account_box dl dd p{ height:3.9rem; line-height:3.9rem; overflow:hidden; color:#fff; font-size:0.75rem;}
/**share**/
.share{background:rgba(0, 0, 0, 0.6);height: 100%;left: 0;position: absolute;top: 0;width: 100%; max-width:640px;z-index:9999; display:none;
color:#fff;}
.share h3{ text-align:right; padding:1.84rem 1.84rem 0px 0px;}
.share h3 img{ width:4.75rem; vertical-align:middle;}
.share p{ padding-left:2.375rem; color:#fff; text-align:left; font-size:1.125rem; line-height:2.4rem;}
@media screen and (min-width:640px){
html{ font-size:32px;}	
.share{left:50%;margin-left:-320px;display:none;}
	}	
@media screen and (min-width:620px) and (max-width:639px){
html{ font-size:32px;}	
	}
@media screen and (min-width:580px) and (max-width:619px){
html{ font-size:30px;}	
	}
@media screen and (min-width:540px) and (max-width:579px){
html{ font-size:26px;}	
	}
@media screen and (min-width:480px) and (max-width:539px){
html{ font-size:24px;}	
	}		
@media screen and (min-width:440px) and (max-width:479px){
html{ font-size:22px;}	
	}	
@media screen and (min-width:400px) and (max-width:439px){
html{ font-size:20px;}	
	}	
@media screen and (min-width:360px) and (max-width:399px){
html{ font-size:18px;}	
	}
@media screen and (min-height:360px) and (max-height:480px){
.body{ background:#BE070B; overflow:auto;}
.active{overflow:auto;}
.active_box{overflow-Y:scroll;}
.active_box_font02{ margin-bottom:1rem;}
	}		
